<template id='todoContent'>
    <table class="table table-hover table-dark">
        <thead>
            <tr>
                <th scope="col" width='10%'>ID</th>
                <th scope="col">Event</th>
                <th scope="col" width='20%'>IsDone</th>
                <th scope="col" width='20%'>Handle</th>
            </tr>
        </thead>
        <tbody>
            <todoItem :key='item.id' v-for='(item,idx) in datalist' :item='item' :idx='idx'></todoItem>
        </tbody>
    </table>
</template>

<script>
import todoItem from './todoItem'
export default {
    components:{
        todoItem
    },
    props: ['datalist']
}
</script>

<style>

</style>